<?php
session_start();

// UNA VEZ DEFINIDA LA BUSQUEDA:
require_once('php/class/articulos.class.php');
$oArticulo = new articulo();

//PAGINADO
if (isset($_GET['fr'])) {
  $desde = $_GET['fr'];
} else {
  $desde = 0;
  $el_anterior = "";
}
$previo = $desde;

$los_articulos_total = $oArticulo->buscar_promocion(0, 0);
$cuantos_total = count($los_articulos_total['ID']);

$los_articulos = $oArticulo->buscar_promocion($desde, MAX);
$cuantos = count($los_articulos['ID']);

if (empty($los_articulos)) {
  $mensaje_nohay = "<tr><td class='siguiente' colspan='2' align='center'>En estos momentos no hay artículos disponibles con estas caracteristicas</td></tr>";
} else {

  $m = 1;
  $pagina = "";

  for ($i = 0; $i < $cuantos_total; $i+=MAX) {
    if ($i == $desde) {
      $pagina .= "<span class='estoy'>" . $m . "</span>";
    } else {
      $pagina .= " <a href='destacados.php?fr=" . $i . "'>" . $m . "</a>";
    }

    $m++;
  }


//siguiente
  if ($cuantos == MAX) {
    $desde = $desde + MAX;
    $el_siguiente = "<a href='destacados.php?fr=" . $desde . "'><img src='images/menu/scroll-right.gif' /></a>";
  } else {
    $el_siguiente = "";
  }
//previo
  if ($previo > 0) {
    $previo = $previo - MAX;
    $el_anterior = "<a href='destacados.php?fr=" . $previo . "'><img src='images/menu/scroll-left.gif' /></a>";
  } else {
    $el_anterior = "";
  }
}

/* * *********************************************************************************************************
 * Construccion de cada articulo en el listado
 */

if ($los_articulos == 0) {
  $tabla = $mensaje_nohay;
} else {
  require_once('php/class/familias.class.php');
  $oFamilia = new familia();
  $contador = 0;
  $tabla = "";
  $first = $los_articulos['ID'][0];
  $imprime = 1;
  $id_familia = -1;
  $vermas = "más";

  for ($i = 0; $i < count($los_articulos['ID']); $i++) {
   
      $imprime = 1;
      $id_articulo = $los_articulos['ID'][$i];
      $nmb_articulo = $los_articulos['NOMBRE'][$i];
      $desc_articulo = $los_articulos['DESCRIPCION'][$i];
      $precio_lista = $los_articulos['PRECIO_LISTA'][$i];
      $precio_publico = $los_articulos['PRECIO_PUBLICO'][$i];
      $es_familia = 0;

// FOTO DEL ARTICULO
      $foto = "images/fotos/" . $los_articulos['ID'][$i] . ".jpg";

      if (!file_exists($foto)) {
        $foto = "images/fotos/default.jpg";
      }
    
    if ($imprime) {
      $contador++;
      $inicio = "";
      $fin = "";

// SOLO 2 POR LINEAS
      if ($contador == 1) {
        $inicio = "<tr>";
      } else if ($contador == 2) {
        $contador = 0;
        $fin = "</tr>";
      }
//SI EL TEXTO ES MUY LARGO

      $desc_articulo = nl2br($desc_articulo);

      if (strlen($desc_articulo) > 100) {
        if (false !== ($breakpoint = strpos($desc_articulo, " ", 100))) {
          if ($breakpoint < strlen($desc_articulo) - 1) {
            $desc_articulo = substr($desc_articulo, 0, $breakpoint) . "...";
          }
        }
      }
//PARSEA EL TITULO
      $titulo = parsero($nmb_articulo);

// DESCUENTO
      if ($los_articulos['DESCUENTO'][$i]) {
        $imagen_descuento = "<div class='offlist off" . $los_articulos['DESCUENTO'][$i] . "'></div>";
      } else {
        $imagen_descuento = "";
      }

// DESTACADO
      if ($los_articulos['DESTACADO'][$i]) {
        $imagen_destacado = "<div class='endestacado'></div>";
      } else {
        $imagen_destacado = "";
      }

// OPORTUNIDAD
      if ($los_articulos['PROMOCION'][$i]) {
        $imagen_oportunidad = "<div class='enoportunidad'></div>";
      } else {
        $imagen_oportunidad = "";
      }

// DIV DE IMAGEN
      if ($los_articulos['DESTACADO'][$i] || $los_articulos['DESCUENTO'][$i]) {
        $imagen_articulo = "<div class='foto_art'><img border=0 width='120px' height='120px' src='" . $foto . "' title='" . $nmb_articulo . "' alt='" . $nmb_articulo . "' /></div>";
      } else {
        $imagen_articulo = "<img border=0 width='120px' height='120px' src='" . $foto . "' title='" . $nmb_articulo . "' alt='" . $nmb_articulo . "' />";
      }

      //CAJITA DE AGREGAR Y COMPRAR
      $cajita = "<table class='cajita'><tr>";
      $cajita .= "<td><a href='#' onclick='restar(" . $id_articulo . ");'><img border='0' src='images/menu/subtrac.png' style='cursor: pointer'></a></td>";
      $cajita .= "<td bgcolor='#ffffff' align='center' width='25px'><input type='hidden' id='cantidad_" . $id_articulo . "' name='cantidad_" . $id_articulo . "' value='1'><font color='#000'><div class='cmc' id='cmc_" . $id_articulo . "'>1</div></font></td>";
      $cajita .= "<td><a href='#' onclick='agregar(" . $id_articulo . ");'><img border='0' src='images/menu/add.png' style='cursor: pointer'></a></td>";
      $cajita .= "</tr></table>";

      if ($es_familia == 1) {
        $boton_comprar = "<a href='ver_articulo_promo.php?i=" . $id_articulo . "' rel='boxed' ><img src='images/menu/bolsa.png' border=0></a>";
      } else {
        $boton_comprar = "<a href=# onclick='comprar(" . $id_articulo . ");'><img src='images/menu/bolsa.png' border=0></a>";
      }



      //PRECIO  
      list($precio_entero, $precio_decimal) = explode(".", number_format($precio_publico, 2));

      //CAJA DEL ARTICULO
      $caja = "<table class='caja'><tr>";
      $caja .= "<td rowspan='6' class='caja_imagen'>";
      $caja .= "<a href='ver_articulo_promo.php?i=" . $id_articulo . "' rel='boxed' style='cursor: pointer' >";
      $caja .= "<div class='img_cont'>";

      $caja .= $imagen_descuento;
      $caja .= $imagen_articulo;
      $caja .= $imagen_destacado;
      $caja .= $imagen_oportunidad;

      $caja .= "</div>";
      $caja .= "</a></td>";
      $caja .= "<td colspan='3' class='titular'><span class='gran_titular'>" . $titulo[0] . "</span></td>";
      $caja .= "<tr><td colspan='3' class='titular2'>" . $titulo[1] . "</td></tr>";
      $caja .= "<tr><td colspan='3' class='descri'><p>" . $desc_articulo . "</p></td></tr>";
      $caja .= "<tr><td colspan='3' class='vermas'><p><a href='ver_articulo_promo.php?i=" . $id_articulo . "' rel='boxed' ><b>Ver " . $vermas . "...</b></a></p></td></tr>";
      $caja .= "<tr><td class='tachado'><strike>$ " . number_format($precio_lista, 2) . "</strike></td>";
      $caja .= "<td rowspan=2 align='right' valign='middle'>" . $cajita . "</td>";
      $caja .= "<td rowspan=2 align='center' valign='middle'>" . $boton_comprar . "</td></tr>";
      $caja .= "<tr><td class='caja_precio'><span class='chico'>$</span><span class='precio'> " . $precio_entero . "</span><span class='decimales'>." . $precio_decimal . "</span></td></tr>";
      $caja .= "</table>";

      // SIGUE CON LA TABLA DEL LISTADO
      $tabla .= $inicio . "<td width= '400'>";
      $tabla .= $caja;
      $tabla .="</td>" . $fin;
    }
  }
}
if ($pagina == "<span class='estoy'>1</span>") {
  $pagina = "";
}
?>

<html>
  <?php include('include.header.html'); ?>
  <body class="bodycliente">
    <div id="list_articulos" align="center">
      <table class="marco" border="0">
        <tr>
          <td height="10%" colspan='2'>
            <?php include('menu_clientes.php'); ?>
          </td>
        </tr>
        <tr>
          <td align='right' valign='top' width="810px">
            <div id="DATO_HIDE" style="display:none" style="width:90%">
              <div id="DATO" class="mensajes">espere por favor...</div>
            </div>
            <form id="frm_bp" name="frm_bp">
              <input type="hidden" name="id_articulo" id="id_articulo">
              <img src="images/banner/banner_oportunidades.jpg" width="820px;"/>
              <table class="list_pro" border="0">
                <?php echo $tabla; ?>
                <tr height="40px" align="center">
                  <td colspan="2">
                    <table class="paginador">
                      <tr>
                        <td class='siguiente' align="left"><?php echo $el_anterior; ?></td>
                        <td class='todos_listados'><?php echo $pagina; ?></td>
                        <td class='siguiente' align="right"><?php echo $el_siguiente; ?></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>

            </form>
          </td>
          <td class="banner">
            <table class="banner" celpadding="2">
              <tr>
                <td><a href="/oportunidades.php"><img src='images/banner/oportunidades.jpg' width="200px" border="0"/></a></td>
              </tr>
              <tr>
                <td></td>
              </tr>
              <tr>
                <td><a href="/destacados.php"><img src='images/banner/destacados.jpg' width="200px"/></a></td>
              </tr>
            </table> 
          </td>
        </tr>
        <tr>
          <td height="10%" valign="bottom" align="center" colspan='2'>
            <?php include('footer.php'); ?>
          </td>
        </tr>
      </table>
    </div>

  </body>
  <?php include('include.footer.html'); ?>
  <script>
    
    /****************** POP UP *****************/
    window.addEvent('domready', function() {
 
      SqueezeBox.initialize({
        size: {x: 700, y: 310},
        handler:'iframe'
      });
	
      SqueezeBox.assign($$('a[rel=boxed]'), {
        ajaxOptions: {
          method: 'GET'

        }
      });
 
    });   
    
    function ver_mas(id){
      if($('c'+id).style.display=='none' || $('c'+id).style.display==''){
        $('c'+id).style.display='block';
      }else{
        $('c'+id).style.display='none';
      }
    }
    /////////////AGREGAR RESTAR BUTTONS////////////////////    

    function agregar(id_articulo){
      var numero = parseInt($('cantidad_'+id_articulo).value);
      if(numero < 10){
        $('cantidad_'+id_articulo).value = numero + 1; 
      } 
      $('cmc_'+id_articulo).innerHTML = $('cantidad_'+id_articulo).value;
    }
	
    function restar(id_articulo){
      var numero = parseInt($('cantidad_'+id_articulo).value);
      if(numero > 1){
        $('cantidad_'+id_articulo).value = numero - 1; 
      }
      $('cmc_'+id_articulo).innerHTML = $('cantidad_'+id_articulo).value;
    }

    ////////////// funcion comprar/////////////
    function comprar(id_articulo){
	
	
      if(isNaN($('cantidad_'+id_articulo).value)){
        $('DATO_HIDE').show();
        $('DATO').innerHTML = 'Debe ingresar una cantidad valida';
        setTimeout(function(){
          $('DATO_HIDE').fade('out').get('tween').chain(function() {
            $('DATO_HIDE').hide();
            $('DATO_HIDE').fade('in');                                                         
          });
        },2000);		
      }else{
        $('id_articulo').value = id_articulo;
        Ejecutor();	
      }
    
    }
    ///////////////////////////////////////
    function Ejecutor(){        
      window.addEvent('domready', function() {      	       
        var req = new Request.JSON({
          method: 'POST',
          url: 'ajax/ajax_comprar_articulo.php', 
          data: $('frm_bp'),                
          noCache:true,                     
          onRequest: function(){
            $('DATO_HIDE').show();
//            $('DATO').innerHTML = 'Procesando ...'; 
          },
          onComplete: function(response){
             if(parseInt(response.RESULT)==1){
                        setTimeout(function(){
                        $('DATO_HIDE').fade('out').get('tween').chain(function() {
                          $('DATO_HIDE').hide();
                          $('DATO_HIDE').fade('in');                                                         
                       });
                       },2000);   }                                                                                                                                                                                                           
          },             
          onSuccess: function(response){
            switch(parseInt(response.RESULT)){
              case 0:
                $('DATO').innerHTML = "<b>Artículo agregado a su carrito</b><br><br>Desea continuar comprando o desea finalizar la compra?<br><br><a onclick='cierro();' style='cursor: pointer'>continuar</a>&nbsp;&nbsp;&nbsp;<a href='carrito_clientes.php'>finalizar</a>";
                $('cantidad_articulos').innerHTML = response.CANTIDAD;
                break;
              case 1:
                $('DATO').innerHTML = response.ERROR;
                break;
            }
          }
        }).post();        
      });
    }
      
    function cierro(){  
      $('DATO_HIDE').fade('out');
      $('DATO_HIDE').hide();
      $('DATO_HIDE').fade('in');                                                         
    }
  </script>
</html>
